<template>
    <ul class="todo-list">
      <!-- completed: 完成的类名 -->
      <li :class="{completed : obj.isDone}" v-for="(obj,index) in list" :key="index">
        <div class="view">
          <input class="toggle" type="checkbox" v-model="obj.isDone"/>
          <label>{{ obj.name }}</label>
          <button class="destroy" @click="delFn(index)"></button>
        </div>
      </li>
    </ul>
    
  </template>
  
  <script>
  export default {
    props:['list'],
    methods:{
        delFn(index){
            this.$emit('delList', index)
        }
    },
  }
  </script>